<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Responsive Theme, About Us</title>
  <meta name="keywords" content="responsive, about us, our team, bootstrap, free template, fluid layout, templatemo, html css" />
  <meta name="description" content="Responsive Theme, About Us, free template using Bootstrap framework." />
  <link href="/default/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style_fix_menu.css" rel="stylesheet" type="text/css">
  <link href="/default/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style.css" rel="stylesheet" type="text/css">
  <!-- HTML 5 shim for IE backwards compatibility -->
  <!-- [if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
  </script>
  <![endif]-->
</head>
<body>
  <header>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="http://www.cssmoban.com/" target="_parent">Responsive</a>
          <nav class="nav-collapse collapse">
            <ul class="nav pull-right">
             <li><a href="/">Home</a></li>
             <li class="active"><a href="/defalutHtml/about.html">About</a></li>
             <li><a href="/defalutHtml/portfolio.html">Portfolio</a></li>
             <li><a href="/defalutHtml/blog.html">Blog</a></li>
             <li><a href="/defalutHtml/contact.html">Contact</a></li>
             <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a>
              <ul class="dropdown-menu">
                  <li><a href="http://www.cssmoban.com"  target="_blank">Free CSS Templates</a></li>
                  <li><a href="#" target="_blank">Free Flash Stuffs</a></li>
                  <li><a href="#" target="_blank">Flash Web Gallery</a></li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</header>
<section class="container" id="page_content">
  <div class="row">
    <div class="span9">
      <section class="row">
        <div class="span9">
         <h3>Who We Are</h3>
         <p class="lead muted">Aliquam erat volutpat. Nunc et nunc vel quam tincidunt mollis. Integer dignissim ullamcorper nunc, a fermentum ligula egestas a. Integer congue tellus sed nisi tincidunt cursus. Etiam adipiscing consequat nisi.</p>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eros odio, rutrum quis volutpat nec, venenatis congue nulla. Praesent quis mauris purus, at pellentesque ante. Donec convallis tortor eu nunc viverra nec euismod nunc consequat. Nunc in faucibus nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin dignissim turpis nec diam varius ac aliquet justo ultrices. Praesent eros arcu, molestie at dignissim in, fermentum vitae neque.</p>
       </div>          
     </section>
     <section>
      <div class="row">
        <div class="span9">
          <h3>Our Team Members</h3>
        </div> 
      </div>
      <div class="row">
       <div class="span2 text-center">
         <img src="/default/images/user1.jpg" class="img-polaroid" alt="Chief Designer">
         <h6 class="text-center">Chief Designer</h6>
       </div>
       <div class="span7">
         <p>Etiam cursus cursus libero, a feugiat tortor ornare sit amet. Aliquam hendrerit eros non felis bibendum a condimentum orci euismod. Sed justo nisl, eleifend non luctus placerat, porttitor in sem.<br>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></p>
         <p class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </p>
       </div>
     </div>
     
     <div class="row">
       <div class="span2 text-center">
         <img src="/default/images/user2.jpg" class="img-polaroid" alt="Fashion Designer">
         <h6>Fashion Designer</h6>
       </div>
       <div class="span7">
         <p>Etiam cursus cursus libero, a feugiat tortor ornare sit amet. Aliquam hendrerit eros non felis bibendum a condimentum orci euismod. Sed justo nisl, eleifend non luctus placerat, porttitor in sem.</p>
         <p class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </p>
       </div>
     </div>
     <div class="row">
       <div class="span2 text-center">
         <img src="/default/images/user3.jpg" class="img-polaroid" alt="Visual Artist">
         <h6 class="text-center">Visual Artist</h6>
       </div>
       <div class="span7">
         <p>Etiam cursus cursus libero, a feugiat tortor ornare sit amet. Aliquam hendrerit eros non felis bibendum a condimentum orci euismod. Sed justo nisl, eleifend non luctus placerat, porttitor in sem.</p>
         <p class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </p>
       </div>
     </div>
   </section>
 </div>
 <aside class="span3">
  <nav class="well sidebar-nav">
    <ul class="nav nav-list">
      <li class="nav-header">Categories</li>
      <li class="active"><a href="#">Lorem ipsum</a></li>
      <li><a href="#">Suspendisse </a></li>
      <li><a href="#">Calender</a></li>
      <li><a href="#">Events</a></li>
      <li class="nav-header">Sidebar</li>
      <li><a href="#">Nam sed mi</a></li>
      <li><a href="#">Aenean</a></li>
      <li><a href="#">Quisque</a></li>
      <li><a href="#">Fusce</a></li>
      <li><a href="#">Sed varius</a></li>
      <li><a href="#">Maecenas</a></li>
      <li class="nav-header">Sidebar</li>
      <li><a href="#">Cras convallis</a></li>
      <li><a href="#">Integer id sapien</a></li>
      <li><a href="#">Vestibulum</a></li>
    </ul>
  </nav>
  <section>
    <h4 class="text-center">Testimonials</h4>
    <blockquote class="pull-right"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
      <small><cite title="Source Title">Tim Cook</cite>, Visual Designer</small>
    </blockquote>
  </section>
</aside>
</div>
</section>
<footer>
  <div class="container">        
    <div id= "latest" class="row">
      <section class="span4 rp_box_wrapper">
        <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i></h4>
        <article class="rp_box">
          <a href="#"><img src="/default/images/templatemo_image_04.png" alt="image 4" class="img-rounded"/></a>
          <div class="date">May 24, 2072</div>
          <a href="#">Sed quam lorem, ultricies et lobortis rutrum, tristique id lorem.</a>            
        </article> 
        <article class="rp_box">
          <a href="#"><img src="/default/images/templatemo_image_05.png" alt="image 5"  class="img-rounded"/></a>
          <div class="date">May 20, 2072</div>
          <a href="#">Duis vestibulum libero accumsan lorem varius tristique.</a>            
        </article> 
        <article class="rp_box">
          <a href="#"><img src="/default/images/templatemo_image_06.png" alt="image 6"  class="img-rounded"/></a>
          <div class="date">May 16, 2072</div>
          <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.</a>            
        </article>
      </section>
      
      <section class="span4 rp_box_wrapper">
        
          <h4>Latest Tweets <i class="icon-twitter icon-white"></i></h4>
          
          <ul class="twitter_post">
            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">#</a></li>
            <li>Proin dignissim, diam nec <a href="#">@网站模板</a> enim lorem tempus orci, ac imperdiet ante purus in justo.</li>
            <li>Fusce cursus consectetur ultricies <a href="#">#freetemplate</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. </li>
            <li>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></li>
            <li>Icons Collect from <a href="http://fontawesome.io" target="_blank">Font Awesome</a></li>
            <li>Validate <a href="#" >HTML</a> &amp; <a href="#" >CSS</a></li>
          </ul>
          <br />
          
          <div class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </div>
         
       </section>
       
       <section class="span4 rp_box_wrapper">
       
        <h4>Contact Us <i class="icon-envelope icon-white"></i></h4>
        <form>
          <input name="fullname" type="text" id="fullname" placeholder="Name" maxlength="30" />
          <input name="email" type="text" id="email" placeholder="Email" maxlength="30" />
          <textarea rows="3" placeholder="Message"></textarea>
          <p><button type="submit" class="btn">Submit</button></p>
        </form>
        
        <address>
          <strong>Responsive</strong><br>
          222-444 Aliquam semper dignissim,<br>
      	  Fusce cursus turpis lacus, 22440<br>
          Sit amet tortor<br />
          <a href="#" title="矢量图形"  class="res_about" target="_blank">矢量图形</a><br>
          <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br>
          <abbr title="Email">Email:</abbr> <a href="mailto:info@company.com">info@company.com</a>
        </address> 

      </section>
  </div>
  <div class="credit">
    <p id="templatemo_cr_bar">
      Copyright © 2072 <a href="#">Your Company Name</a> | <a  href="http://www.cssmoban.com/">模板之家</a> Collect from <a href="http://www.cssmoban.com">网页模板</a>
    </p>
  </div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/default/js/bootstrap.min.js"></script>
</body>
</html>